<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="ajax.js"></script>
    <script>
        window.onload=function () {
            var user=document.getElementById("user");
            var password=document.getElementById("password");
            var reg=document.getElementById("reg");
            var login=document.getElementById("login");

            reg.onclick=function () {
                var p=ajax('get','/user?act=reg&user='+user.value+'&password='+password.value);
                p.then(function (response) { // 如果AJAX成功，获得响应内容
                    var json=eval('('+response+')');//若不加圆括号，内容会被当作语句块处理，而不是当作表达式
                    if(json.ok){
                        alert("注册成功");
                    }else{
                        alert("注册失败："+json.msg);
                    }
                    console.log('CONTENT: ' + response);
                }).catch(function (status) { // 如果AJAX失败，获得响应代码
                    alert("通信错误");
                    console.log('ERROR: ' + status);
                });
            };
            login.onclick=function () {
                var p=ajax('get','/user?act=login&user='+user.value+'&password='+password.value);
                p.then(function (response) { // 如果AJAX成功，获得响应内容
                    var json=eval('('+response+')');//若不加圆括号，内容会被当作语句块处理，而不是当作表达式
                    if(json.ok){
                        alert("登录成功");
                    }else{
                        alert("登录失败："+json.msg);
                    }
                    console.log('CONTENT: ' + response);
                }).catch(function (status) { // 如果AJAX失败，获得响应代码
                    alert("通信错误");
                    console.log('ERROR: ' + status);
                });
            }
        };
    </script>
</head>
<body>
    账号：<input type="text" id="user"><br><br>
    密码：<input type="text" id="password"><br><br>
    <button id="reg">注册</button>
    <button id="login">登录</button>
</body>
</html>